<style lang="less" scoped>
.component {
    .container {
        position: relative;
    }
    .title {
        position: relative;
        display: flex;
        padding: 0.1rem 0.15rem;
        padding-top: 0.15rem;
        height: 20px;
        div {
            flex: 1;
            font-size: 0.13rem;
            color: #1b88ee;
        }
        p {
            width: 20px;
            height: 20px;
        }
    }
    .body {
        margin: 0 0.15rem;
        padding: 0.15rem 0.15rem 0 0.15rem;
        background-color: #fff;
        border-radius: 8px;
        font-size: 0.12rem;
        .row {
            display: flex;
            padding-bottom: 0.15rem;
            label {
                color: #999999;
                min-width: 0.7rem;
            }
            span {
                display: block;
                flex: 1;
                text-align: right;
                img {
                    display: block;
                    height: 0.5rem;
                    border-radius: 6px;
                    overflow: hidden;
                }
            }
        }
    }
}
</style>
<template>
    <div class="component">
        <div class="container">
            <div class="title">
                <div>合约基本信息</div>
                <p class="more foldopen"></p>
            </div>
            <div class="body">
                <div class="row">
                    <label>商铺名称：</label>
                    <span>{{ fdata.shopName }}</span>
                </div>
                <div class="row">
                    <label>商品名：</label>
                    <span>{{ fdata.goodsName }}</span>
                </div>
                <div class="row">
                    <label>店铺类型：</label>
                    <span>{{ fdata.type }}</span>
                </div>
                <div class="row">
                    <label>商品大类-中类：</label>
                    <span>{{ fdata.group }} - {{  fdata.center }}</span>
                </div>
                <div class="row">
                    <label>商品售价：</label>
                    <span>{{ fdata.price }}</span>
                </div>
                <div class="row">
                    <label>商品照片：</label>
                    <span>
                        <img :src="fdata.imageName" alt="">
                    </span>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            list: []
        };
    },
    props: {
        fdata: {
            type: Object,
            default: function() {
                return {};
            }
        }
    },
    methods: {
        getData() {},
        format(list) {}
    },
    mounted() {
        this.getData();
    }
};
</script>
